<!-- 撰写新闻板块 -->
{% extends "base.html" %}
{% block title %}知识与你分享{% endblock %}
{% block content %}
<audio src="/static/sounds/RX-IT.mp3" controls="controls" autoplay loop="true" hidden="ture"  id="bgAudio"></audio>
<script type="text/javascript">document.getElementById("bgAudio").volume = 0.25;</script>
<div class="container" align="center" style="width: 99.9%;height:1750px;background-image: url('/static/img/pink.gif');background-repeat:no-repeat;background-position:center;background-size:100%;">
<div>&nbsp;</div>
{% if show_message %}
    <div class="alert alert-warning">{{ show_message }}</div>
{% endif %}

<form name = "my form" action="." method="post">
    {% csrf_token %}
    <br>
    <div class="container" style="margin-top: 20px">
    {% if message %}
        <div class="alert alert-success alert-st-one" role="alert">❀{{ message }}</div>
    {% endif %}
    <div class="panel panel-primary" id="DH" style="margin-top: -40px">
            <form name="my form" action="." method="post">
        <div class="widget-head-info-box" style="background-color:rgba(0,0,225,0.45);border: none;color: white;height: 65px">
                {% csrf_token %}
                <h3>☯欢༅迎༅您༅投༅稿 ❀ 非༉常༉高༉兴༉为༉您༉服༉务༉༆☯</h3>
        </div>
        <div class="panel-body" style="text-align: left">
    <div class="login-input-area">
    1.文章标题: <input type="text" name="user_title" placeholder="请填写文章标题" required autocomplete="off" /><i class="fa fa-user login-user" aria-hidden="true" style="margin-top: 20px"></i><br><br>
    2.主要人物: <input type="text" name="user_people" placeholder="请填写主要人物" required autocomplete="off" /><i class="fa fa-comment login-user" aria-hidden="true" style="margin-top: 115px"></i><br><br>
    3.关键词汇:  <input type="text" name="user_keyword"  list="list" autocomplete="off" placeholder="请填写关键词"><i class="fa fa-briefcase login-user" aria-hidden="true" style="margin-top: 210px"></i><br><br>
            <datalist id="list">
                <option>后端</option>
                <option>前端</option>
                <option>移动开发</option>
                <option>Python</option>
                <option>Java</option>
            </datalist>
    4.图片地址: <input type="text" name="user_picture" placeholder="请填写图片地址，后缀为 ( .jpg/.jpeg/.png/.bmp ) 等图片格式" required autocomplete="off" /><i class="fa fa-phone login-user" aria-hidden="true" style="margin-top: 305px"></i><br><br>
    5.文章来源: <input type="text" name="user_source" placeholder="请填写文章来源" required /><i class="fa fa-envelope login-user" aria-hidden="true" style="margin-top: 400px"></i><br><br>
    <p>6.文章内容: </p><textarea id="id_messagebody" name="user_body" rows="6" cols="148" required placeholder="下方编辑草稿可直接粘贴到此处"></textarea><br><br>
    </div>
    <h3><strong><i class="fa big-icon fa-edit"></i> 草稿:</strong></h3>
    <div class="row" style="margin-top: -20px">
        <div class="col-lg-12">
            <div class="text-editor-compose">
                <div id="summernote5" style="display: none;">
<div class="note-editable panel-body" contenteditable="true" style="height: auto;">
                        <h2 style="color: rgb(0, 0, 0); font-size: 18px;"><span style="font-weight: 600;">欢迎来到知识与你分享投稿中心</span></h2><h2 style="font-family:'Adobe 宋体 Std L';, sans-serif; font-size: 18px;"><div data-v-00c9b213="" style="font-size: 14px; font-family: &quot;Microsoft YaHei&quot;;"><div class="detail-content" data-v-00c9b213=""><p style="margin-bottom: 0px; padding: 0px; line-height: 25px !important;"><span style="font-size: 12px; font-family: 微软雅黑, sans-serif;color: rgb(206, 0, 0);">为了维护清朗的社区环境，确保良好的创作生态和观看体验，在相关法律法规的指导下，制定如下创作公约。如大家发现违规内容，可通过意见反馈举报。</span></p><p style="margin-bottom: 0px; padding: 0px; line-height: 25px !important;"><span style="font-size: 12px; font-family: 微软雅黑, sans-serif;color: rgb(206, 0, 0);">知识与你分享是一个IT人才的社区网站，我们会以更加严谨、审慎的态度对待所有的内容。</p></div></div></h2><h3 class="detail-title" data-v-00c9b213="" style="margin-bottom: 0px; padding: 10px 0px;">知识与你分享投稿“十一不准”原则</h3><h2 style="font-family:'Adobe 宋体 Std L';, sans-serif; font-size: 18px;"><div data-v-00c9b213="" style="font-size: 14px; font-family: &quot;Microsoft YaHei&quot;;"><div class="detail-content" data-v-00c9b213=""><p style="margin-bottom: 0px; padding: 0px; line-height: 25px !important;"><span style="font-size: 12px; font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">本站严禁以下内容和行为：</span></p><p style="margin-bottom: 0px; padding: 0px; line-height: 25px !important;"><span style="font-size: 12px; font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">（一）反动、色情、低俗、暴力、血腥、赌博等违法内容；</span></p><p style="margin-bottom: 0px; padding: 0px; line-height: 25px !important;"><span style="font-size: 12px; font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">（二）宣扬邪教、封建迷信；</span></p><p style="margin-bottom: 0px; padding: 0px; line-height: 25px !important;"><span style="font-size: 12px; font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">（三）扰乱社会秩序，破坏民族团结；</span></p><p style="margin-bottom: 0px; padding: 0px; line-height: 25px !important;"><span style="font-size: 12px; font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">（四）违反公序良俗等不良导向内容；</span></p><p style="margin-bottom: 0px; padding: 0px; line-height: 25px !important;"><span style="font-size: 12px; font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">（五）人身攻击，侮辱、诽谤他人；</span></p><p style="margin-bottom: 0px; padding: 0px; line-height: 25px !important;"><span style="font-size: 12px; font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">（六）恶意引战，煽动对立、散播仇恨情绪；</span></p><p style="margin-bottom: 0px; padding: 0px; line-height: 25px !important;"><span style="font-size: 12px; font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">（七）危害未成年人身心健康成长；</span></p><p style="margin-bottom: 0px; padding: 0px; line-height: 25px !important;"><span style="font-size: 12px; font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">（八）侵犯网络版权及其他知识产权以及用户权益；</span></p><p style="margin-bottom: 0px; padding: 0px; line-height: 25px !important;"><span style="font-size: 12px; font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">（九）猎奇恶心等严重影响观感体验的内容；</span></p><p style="margin-bottom: 0px; padding: 0px; line-height: 25px !important;"><span style="font-size: 12px; font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">（十）有关法律、行政法规和国家规定禁止的其他内容；</span></p><p style="margin-bottom: 0px; padding: 0px; line-height: 25px !important;"><span style="font-size: 12px; font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">（十一）恶意规避审核规则为目的的异常投稿行为。</span></p></div></div></h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <button id="basicSuccessNoIcon" class="btn btn-success" type="submit"><i class="fa big-icon fa-envelope"></i> 投稿</button>&nbsp&nbsp&nbsp&nbsp
    <button id="miniErrorAnimation" type="reset" class="btn btn-danger"><i class="glyphicon glyphicon-trash"></i> 清除内容</button>&nbsp&nbsp&nbsp&nbsp
    <button id="miniErrorAnimation" class="btn btn-info" onclick="javascrtpt:window.location.href='/'"><i class="fa big-icon fa-home"></i> 回到主页</button>
    </form>
</div>
        </div>
    </div>
</div>
      <footer style="margin-top: -300px">
         <div class="user-profile-wrap shadow-reset" style="background:rgba(2, 2, 2, 0);">
            <div class="row" style="margin-top: 20px">
               <div class="col-lg-3 col-md-6 col-12">
                  <div class="footer_blog_section" style="text-align: center;margin-top: 20px">
                     <img src="/static/img/message/1.png" alt="#" width="35%" />
                     <p style="margin-top: 5px;">Collect me to get more useful information in RX-IT</p>
                  </div>
               </div>
               <div class="col-lg-2 col-md-6 col-12">
                  <div class="item">
                     <h4 class="text-uppercase">友情链接</h4>
                     <ul>
                        <li style="margin-top: 16px"><a href="https://www.baidu.com/">百度星球 (www.baidu.com)</a></li>
                        <li style="margin-top: 8px"><a href="https://www.sogou.com/">搜狗星球 (www.sogou.com)</a></li>
                        <li style="margin-top: 8px"><a href="https://www.google.cn/">谷歌星球 (www.google.cn)</a></li>
                        <li style="margin-top: 8px"><a href="https://cn.bing.com/">必应星球 (www.bing.com)</a></li>
                        <li style="margin-top: 8px"><a href="https://www.so.com/">  360 星球 (www.so.com)</a></li>
                     </ul>
                  </div>
               </div>
               <div class="col-lg-4 col-md-6 col-12">
                  <div class="item" style="margin-left: 60px">
                     <p><strong>广州大学松田学院分部:</strong></p>
                     <p><img src="/static/img/location.png" alt="#" /> 广州大学松田学院</p>
                  </div>
               </div>
                <div class="col-lg-3 col-md-6 col-12">
                  <div class="item">
                     <h4 class="text-uppercase">辅助星球</h4>
                     <ul>
                        <li style="margin-top: 20px"><a href="#">帮助中心</a></li>
                        <li style="margin-top: 15px"><a href="#">加入合作</a></li>
                        <li style="margin-top: 15px"><a href="#">用户反馈</a></li>
                        <li style="margin-top: 15px" style="margin-top: 8px"><a href="/">返回主页</a></li>
                     </ul>
                  </div>
               </div>
            </div>
         <div class="copyright text-center" style="margin-left: -10%"><br>
            <p>Copyright 广州大学松田学院 ©2023 版权所有·侵版必究<a href="/" target="_blank"> 广州大学松田学院</a></p>
         </div>
         </div>
      </footer>

    <!-- jquery
		============================================ -->
    <script src="/static/js/vendor/jquery-1.11.3.min.js"></script>
    <!-- bootstrap JS
		============================================ -->
    <script src="/static/js/bootstrap.min.js"></script>
    <!-- meanmenu JS
		============================================ -->
    <script src="/static/js/jquery.meanmenu.js"></script>
    <!-- mCustomScrollbar JS
		============================================ -->
    <script src="/static/js/jquery.mCustomScrollbar.concat.min.js"></script>
    <!-- sticky JS
		============================================ -->
    <script src="/static/js/jquery.sticky.js"></script>
    <!-- scrollUp JS
		============================================ -->
    <script src="/static/js/jquery.scrollUp.min.js"></script>
    <!-- map JS
		============================================ -->
    <script src="/static/js/data-table/bootstrap-table.js"></script>
    <script src="/static/js/data-table/tableExport.js"></script>
    <script src="/static/js/data-table/data-table-active.js"></script>
    <script src="/static/js/data-table/bootstrap-table-editable.js"></script>
    <script src="/static/js/data-table/bootstrap-editable.js"></script>
    <script src="/static/js/data-table/bootstrap-table-resizable.js"></script>
    <script src="/static/js/data-table/colResizable-1.5.source.js"></script>
    <script src="/static/js/data-table/bootstrap-table-export.js"></script>
    <!--  dropzone JS
		============================================ -->
    <script src="/static/js/dropzone.js"></script>
    <!-- multiple email JS
		============================================ -->
    <script src="/static/js/multiple-email/multiple-email-active.js"></script>
    <!-- summernote JS
		============================================ -->
    <script src="/static/js/summernote.min.js"></script>
    <script src="/static/js/summernote-active.js"></script>
    <!-- notification JS
	============================================ -->
    <script src="/static/js/Lobibox.js"></script>
    <script src="/static/js/notification-active.js"></script>
    <!-- main JS
		============================================ -->
    <script src="/static/js/main.js"></script>
{% endblock %}